<div id="contenedor" class="container">  
    <form action="confmotor/guardar" method="post" class="formBlockDisplay">
        <div class="row-fluid">
            <ul class="span12 breadcrumb alingCenter">
                <li><b>Motor de reservas</b></li>
            </ul>
        </div>
        <div class="row-fluid">
            <div class="row-fluid">
                <div class="span6">
                    <div class="row-fluid">
                        <br>
                        <center><em class="text-info">Estatus:</em></center>
                        <div class="well-small alert-success text-center"><h4>Motor de reservas activo</h4></div>
                        <br>
                        <!--<center><button class="btn btn-primary">Desactivar</button></center>-->
                    </div>
                </div>
                <div class="span6">
                    <br>
                    <center><em class="text-info">Link de acceso al motor de reservas</em></center>
                    <div class="well-small alert-info text-center">
                        <h4> <a href="<?= base_url() ?>motor/<?= $_SESSION["establecimiento"]["id_establecimiento"] ?>">www.optilodging/motor/<?= $_SESSION["establecimiento"]["id_establecimiento"] ?></a></h4>
                    </div>

                </div>
            </div>
        </div>
        <hr>

        <div class="row-fluid">

            <div class="row-fluid">
                <ul class="span12 breadcrumb alingCenter">
                    <li><b>Sistema de pagos</b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <div class="span6">
                    <label class="radio">
                        <input type="radio" class="deposito" name="deposito" id="radioDeposito1" value="si" <?php if ($estatusPagos == "on") echo "checked" ?> >
                        Realizar deposito antes de confirmar la reserva
                    </label>
                </div>
                <div class="span6">
                    <label class="radio">
                        <input type="radio"  class="deposito" name="deposito" id="radioDeposito2" value="no" <?php if ($estatusPagos == "off") echo "checked" ?>>
                        No se necesita deposito para confirmar la reserva
                    </label>
                </div>
            </div>
            <div id="datosCuenta" class="row-fluid <?php if ($estatusPagos == "off") echo "hide" ?>" >
                <div class="span12 well">
                    <div class="row-fliuid">
                        <div class="alert alert-warning text-center">
                            <b> Nota: El sistema de pagos es soportado por <a href="http://www.payulatam.com/" target="_blank">http://www.payulatam.com</a></b>
                        </div>
                    </div>
                    <div class="row-fliuid">
                        <div class="span5 text-right">
                            ID comercio
                        </div>
                        <div class="span7">
                            <input type="text" id="idComercio" name="idComercio" value="<?php if ($estatusPagos == "on") echo $infoPagos[0]->campo1; ?>" <?php if ($estatusPagos == "on") echo "required" ?>>
                        </div>
                    </div>
                    <div class="row-fliuid">
                        <div div class="span5  text-right">
                            Api key
                        </div>
                        <div class="span7">
                            <input type="text" id="apiKey"  name="apiKey"  value="<?php if ($estatusPagos == "on") echo $infoPagos[0]->campo2; ?>" <?php if ($estatusPagos == "on") echo "required" ?>>
                        </div>
                    </div>
                    <div class="row-fliuid">
                        <div class="span5 text-right">Tipo de deposito</div>
                        <div class="span7"><select name="tipoDeposito" id="selectTipoDeposito" <?php if ($estatusPagos == "on") echo "required" ?>>
                                <option value="">Seleccionar</option>
                                <option value="fijo"  <?php if ($estatusPagos == "on" && $infoPagos[0]->tipo == "fijo") echo "selected"; ?>>Valor fijo</option>
                                <option value="porcentaje" <?php if ($estatusPagos == "on" && $infoPagos[0]->tipo == "porcentaje") echo "selected"; ?>>Porcentaje</option>
                            </select>
                        </div>
                    </div>
                    <div id="valorFijo" class="row-fliuid <?php if ($estatusPagos == "on" && $infoPagos[0]->tipo == "porcentaje") echo "hide"; ?>">
                        <div class="span5 text-right">Valor del deposito</div>
                        <div class="span7">
                            <div class="input-prepend">
                                <span class="add-on"><?= $moneda ?>
                                </span>
                                <input id="valorFijoInput" class="money input-medium" name="valorFijo" type="text" <?php if ($estatusPagos == "on" && $infoPagos[0]->tipo == "fijo") echo "required"; ?> value="<?php if ($estatusPagos == "on" && $infoPagos[0]->tipo == "fijo") echo $infoPagos[0]->valor; ?>">
                            </div>
                        </div>
                    </div>
                    <div id="valorPorcentaje" class="row-fliuid <?php if ($estatusPagos == "on" && $infoPagos[0]->tipo == "fijo") echo "hide"; ?>">
                        <div class="span5 text-right">Porcentaje del deposito</div>
                        <div class="span7">
                            <div class="input-append">
                                <input id="valorPorcentajeInput"  class="input-medium money" name="valorPorcentaje" type="text" <?php if ($estatusPagos == "on" && $infoPagos[0]->tipo == "porcentaje") echo "required"; ?> value="<?php if ($estatusPagos == "on" && $infoPagos[0]->tipo == "porcentaje") echo $infoPagos[0]->valor; ?>">
                                <span class="add-on">%</span>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

        <div class="row-fluid">
            <div class="row-fluid">
                <ul class="span12 breadcrumb alingCenter">
                    <li><b>Condiciones de la reserva</b></li>
                </ul>
            </div>
            <div class="row-fluid">
                <div class="span3"><label>Politica de cancelacion y no show</label>
                    <textarea name="politica_cancelacion" class="input-block-level" rows="8"><?php echo $info[0]->politica_cancelacion; ?></textarea>
                </div>
                <div class="span3"><label>Nota de impuestos y cargos <i class="icon-question-sign" title="Agrege aqui la descripcion de los impuestos y cargos adicionales que cobrara al huésped, aclarando si ya estan incluidos en la tarifa o si se cobrara en el establecimiento"></i></label>
                    <textarea name="descripcion_impuestos_cargos" class="input-block-level"  rows="8"><?php echo $info[0]->descripcion_impuestos_cargos; ?></textarea>
                </div>
                <div class="span6">
                    <div class="row-fluid">
                        <div class="span12">
                            <div class="row-fliuid"><label>Página de facebook</label>

                                <input type="text" name="link_facebook"  class="input-block-level" value="<?= $info[0]->link_facebook; ?>" placeholder="Ej: https://www.facebook.com/Hotel.Demo">

                            </div>
                        </div>
                    </div>
                    <div class="row-fliuid"><label>Check-in</label>
                        <select id="checkin" name="check_in" data-value="<?php echo $info[0]->check_in; ?>" class="span3"> 
                            <option>00:00</option>
                            <option>01:00</option>
                            <option>02:00</option>
                            <option>03:00</option>
                            <option>04:00</option>
                            <option>05:00</option>
                            <option>06:00</option>
                            <option>07:00</option>
                            <option>08:00</option>
                            <option>09:00</option>
                            <option>10:00</option>
                            <option>11:00</option>
                            <option>12:00</option>
                            <option>13:00</option>
                            <option>14:00</option>
                            <option>15:00</option>
                            <option>16:00</option>
                            <option>17:00</option>
                            <option>18:00</option>
                            <option>19:00</option>
                            <option>20:00</option>
                            <option>21:00</option>
                            <option>22:00</option>
                            <option>23:00</option>
                        </select>
                    </div>
                    <div class="row-fluid">
                        <div class="span12"> 
                            <div class="row-fliuid"><label>Check-out</label>
                                <select id="checkout" name="check_out"  data-value="<?php echo $info[0]->check_out; ?>" class="span3"> 
                                    <option>00:00</option>
                                    <option>01:00</option>
                                    <option>02:00</option>
                                    <option>03:00</option>
                                    <option>04:00</option>
                                    <option>05:00</option>
                                    <option>06:00</option>
                                    <option>07:00</option>
                                    <option>08:00</option>
                                    <option>09:00</option>
                                    <option>10:00</option>
                                    <option>11:00</option>
                                    <option>12:00</option>
                                    <option>13:00</option>
                                    <option>14:00</option>
                                    <option>15:00</option>
                                    <option>16:00</option>
                                    <option>17:00</option>
                                    <option>18:00</option>
                                    <option>19:00</option>
                                    <option>20:00</option>
                                    <option>21:00</option>
                                    <option>22:00</option>
                                    <option>23:00</option>
                                </select>
                            </div>
                        </div>
                    </div>

                </div>

            </div>

            <div class="row-fluid"> 
                <div class="span12 well alingCenter">
                    <input type="submit" class="btn btn-inverse input-large" value="Guardar">
                </div>
            </div>
        </div>
    </form>
</div>